<script lang="ts" setup>
    const props = defineProps([
        'content',
        'cardHight',
        'cardBorderRadio'
    ])
</script>
<template>
    <el-card class="box-card" :style="{borderRadius: cardBorderRadio+'px'}">
        <div class="d-flex flex-column justify-content-between" :style="{height: cardHight+'px'}">
            <div class="item title pt-4">{{ content.title }}</div>
            <div class="item text">{{ content.text }}</div>
            <div class="item date pb-4">{{ content.date }}</div>
        </div>
    </el-card>
</template>
<style scoped>
    .title {
        color: #0091DA;
        font-size: 20px;
        font-weight: 600;
        line-height: 32px;
    }

    .text {
        color: #111A05;
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
    }

    .date {
        color: #A2A69E;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }
</style>